﻿{% extends 'base.html' %}

{% block content %}
<script>

function launchFullScreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

function goFullScreen()
{
  launchFullScreen(document.documentElement);
  //launchFullScreen(document.getElementById("slide"));
}

</script>
<p id="slide">
    <font size="20">Full screen letterz!!!1</font> 
</p>
<button onclick="goFullScreen()">Go Full Screen</button>
{% endblock %}